<template>
  <div>
    <div>
      <headerTop></headerTop>
    </div>
    <div>
      <headerMin  @search="searchInit"></headerMin>
    </div>
    <div class="wrap search_content">
      <div class="NavTitle">
        <div class="c1">
          <img src="@/assets/image/search_Pharmacist_icon@2x.png" alt />
          药师
        </div>
        <i></i>
        <div @click="GoAllgoods()">
          <img src="@/assets/image/search_drug_icon@2x.png" alt />
          药品
        </div>
      </div>
      <div v-if="List1 != ''" class="main">
        <div v-if="List1.state !== 1 " class="none">
          抱歉，没有找到与 "
          <span>{{List1.title}}</span> " 相关的内容
        </div>
        <div v-if="List1.state !== 0 " class="title">{{txt.title}}</div>
        <div v-if="List1.state !== 0 " class="txt">{{txt.content}}</div>
      </div>
      <div class="selectTab">
        <div class="titles">药师咨询</div>
        <div class="all">查看全部>></div>
        <div @click="GoDoctorDetails()" class="box">
          <div class="sum">空闲</div>
          <div class="headerImg">
            <img src="@/assets/image/bg1.jpg" alt />
          </div>
          <p class="p1">
            <span>王建国</span> 药师
          </p>
          <div class="bottom">
            <div>
              <img class="fl" src="@/assets/image/Listofpeople_picture_icon@2x.png" alt />
              <div class="fl ffl">
                <p class="txt1">图文问诊</p>
                <p class="txt2">免费</p>
              </div>
            </div>
            <div>
              <img class="fl" src="@/assets/image/Listofpeople_video_icon@2x.png" alt />
              <div class="fl ffl">
                <p class="txt1">视频问诊</p>
                <p class="txt2">免费</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bg1">
      <publicBottom></publicBottom>
    </div>
  </div>
</template>
<script>
import headerTop from "@/components/public/public_headerTop.vue";
import headerMin from "@/components/index/index_header_min";
// import landChecking from "@/components/land-checking.vue";
import publicBottom from "@/components/public/public_bottom.vue";

export default {
  components: {
    headerTop,
    headerMin,
    publicBottom
  },
  props: [],
  data() {
    return {
      navState: 0,
      List1: {},
      txt: []
    };
  },
  created() {
   
  },
  methods: {
    GoAllgoods() {
      let msg = `/allGoods?search=${this.List1.title}`;
      this.$router.push({ path: msg });
    },
    searchInit(e) {
      this.List1 = e;
      if (e.state == 1) {
        this.txt = e.data.disease_info;
      }
    }
  },
  computed: {}
};
</script>
<style lang="less" >
@import "../../assets/less/index";
</style>